<!DOCTYPE html> 
<html> 
	<head> 
	<title>My Page</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	
	<link rel="stylesheet" href="<?base_url();?>themes/helloworld_green.min.css" />
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile.structure-1.0.1.min.css" />
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
</head> 
<body> 

<div data-role="page" data-id="home" data-theme="a">

	<div data-role="header">
		<h1>Hello World</h1>
	</div><!-- /header -->
	<div data-role="navbar">
		<ul>
		<li><a href="home">WangXiao</a></li>
		<li><a href="home">MiFei</a></li>
		<li><a href="home">LiangJunchao</a></li>
		</ul>
	</div>
	<div data-role="content">	
		<ul data-role="listview" data-inset="true" data-filter="true">
		<li>a</li>
		<li>a</li>
		<li>a</li>
		<li>a</li>
		</ul>
				
	</div><!-- /content -->
	
	<div data-role="footer" data-position="fixed" data-theme="b">
	<div data-role="navbar">
		<ul>
		<li><a href="index.html" data-role="button" data-icon="rss">Feed</a></li>
		<li><a href="index.html" data-role="button" data-icon="rss">Feed</a></li>
		<li><a href="index.html" data-role="button" data-icon="rss">Feed</a></li>
		<li><a href="index.html" data-role="button" data-icon="rss">Feed</a></li>
		</ul>
	</div>
	</div>

</div><!-- /page -->

</body>
</html>